<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
	<div class="col-sm-12">
		<div class="ibox">
			<div class="ibox-body">
				<div class="fixed-table-toolbar">
					<div class="columns pull-left">
						<button shiro:hasPermission="jzweb:extraOrder:add" type="button" class="btn  btn-primary" onclick="add()">
							<i class="fa fa-plus" aria-hidden="true"></i>添加
						</button>
						<button shiro:hasPermission="jzweb:extraOrder:batchRemove" type="button" class="btn  btn-danger"
								onclick="batchRemove()">
							<i class="fa fa-trash" aria-hidden="true"></i>删除
						</button>
					</div>
					<div class="columns pull-right">
						<button class="btn btn-success" onclick="reLoad()">查询</button>
					</div>
					<div class="columns pull-right col-md-1 nopadding">
						<input id="searchName" type="text" class="form-control"
							   placeholder="请输入名称">
					</div>
					<div class="columns pull-right col-md-1 nopadding">
						<select id="searchState" name="searchState" class="form-control" >
							<option value="">请选择</option>
							<option value="0">待审核</option>
							<option value="1">已通过/待缴费</option>
							<option value="2">未通过</option>
							<option value="3">已缴费</option>
							<option value="9">已删除</option>
						</select>
					</div>
				</div>
				<table id="exampleTable" data-mobile-responsive="true">
				</table>
			</div>
		</div>
	</div>
</div>

<style>
	.fixedScale{
		position: fixed;
		top: 50%;
		left: 50%;
		z-index: 100;
		transform: translate(-50%,-50%);
		display: none;
		width: 1200px;
		/*height: 100%;*/
		/*overflow: auto;*/
	}
	.fixedScale #scale{
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		object-fit: none;
	}
	#fixedClose{
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 100;
		background: rgba(0,0,0,.5);
		display:none;
	}
</style>

<div id="fixedClose"></div>
<div class="fixedScale">
	<img src="" alt="" id="scale">
</div>

<!--shiro控制bootstraptable行内按钮看见性 -->
<div>
	<script type="text/javascript">
		var s_edit_h = 'hidden';
		var s_remove_h = 'hidden';
		var s_reExam_hc = 'hidden';
		var s_reExam_cw = 'hidden';
	</script>
</div>
<div shiro:hasPermission="jzweb:extraOrder:edit">
	<script type="text/javascript">
		s_edit_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:extraOrder:remove">
	<script type="text/javascript">
		var s_remove_h = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:extraOrder:cKupdate">
	<script type="text/javascript">
		var s_reExam_hc = '';
	</script>
</div>
<div shiro:hasPermission="jzweb:extraOrder:remove">
	<script type="text/javascript">
		var s_reExam_cw = '';
	</script>
</div>

</div>
<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/extraOrder/extraOrder.js"></script>
</body>
</html>